﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>企业应用管理框架</title>
    <link href="lib/js/layout-default-latest.css" rel="stylesheet" type="text/css" />
    <link href="lib/js/themes/mycustomer/jquery-ui.css" rel="stylesheet" type="text/css" />
    <link href="lib/js/wdScrollTab/css/TabPanel.css" rel="stylesheet" type="text/css" />    
    <link href="lib/css/main.css" rel="stylesheet" type="text/css" />

    <script src="lib/js/jquery-1.9.0.min.js" type="text/javascript"></script>
    <script src="lib/js/jquery.layout-latest.min.js" type="text/javascript"></script>
    <script src="lib/js/jquery.layout.resizePaneAccordions-latest.js" type="text/javascript"></script>
    <script src="lib/js/jquery.layout.resizeTabLayout-latest.js" type="text/javascript"></script>
    <script src="lib/js/jquery-ui-1.10.0.custom.min.js" type="text/javascript"></script>

    <script src="lib/js/wdScrollTab/src/Plugins/Fader.js" type="text/javascript"></script>
    <script src="lib/js/wdScrollTab/src/Plugins/TabPanel.js" type="text/javascript"></script>
    <script src="lib/js/wdScrollTab/src/Plugins/Math.uuid.js" type="text/javascript"></script>
    
    
    <script type="text/javascript">
        var tabpanel;

        function resizePageLayout() {           
            tabpanel.resize();
        };

        var layoutOptions = {
            east__childOptions: {
                inset: {
                    top: 0
			        , bottom: 0
			        , left: 0
			        , right: 0
                },
                north__closable: false,
                north__resizable: false,
                north__size: 150,
                south__closable: false,
                south__resizable: false,
                south__size: 200
            },

            west__childOptions: {
                inset: {
                    top: 0
			        , bottom: 0
			        , left: 0
			        , right: 0
                },
                north__closable: false,
                north__resizable: false,
                north__size: 28,
                north__spacing_open: 0, //边框的间隙 
                south__closable: false,
                south__resizable: false,
                south__size: 60,
                center__onresize: $.layout.callbacks.resizePaneAccordions
            },
            north__closable: false,
            north__resizable: false,
            north__size: 50,
            north__spacing_open: 5, //边框的间隙            
            west__resizable: false,
            west__size: 200,
            east__resizable: false,
            east__size: 200,
            togglerTip_open: "隐藏",
            togglerTip_closed: "显示",
            center__minWidth: 580,
            center__minHeight: 400,
            center__onresize: $.layout.callbacks.resizeTabLayout,
            west__minWidth: 200,
            west__minHeight: 400,
            east__minWidth: 200,
            east__minHeight: 400,
            west__onopen: resizePageLayout,
            east__onopen: resizePageLayout,
            west__onclose: resizePageLayout,
            east__onclose: resizePageLayout
        };

        $(document).ready(function () {
            $('body').layout(layoutOptions);
        });

        $(function () {
            $("#accordion").accordion({
                heightStyle: "fill"
            });

            $("#menu1").menu({
                heightStyle: "fill"
            });
            $("#menu2").menu({
                heightStyle: "fill"
            });
            $("#menu3").menu({
                heightStyle: "fill"
            });
        });
        
        $(document).ready(function () {
            tabpanel = new TabPanel({
                renderTo: 'WorkTabs',
                autoResizable: true,
                border: 'none',
                active: 0,
                items: [
                    { id: 'tabFirst', title: '首页', html: '<iframe src="" width="100%" height="100%" frameborder="0"></iframe>', closable: false }
                ]
            });
        });

        function addPageTab(id, title, url) {
            tabpanel.addTab({
                id: id,
                title: title,
                html: '<iframe src="' + url + '" width="100%" height="100%" frameborder="0"></iframe>',
                closable: true,
                disabled: false
            });
        }

        function removePageTab(id) {
            tabpanel.kill(id);            
        }

	</script>
</head>
<body>
<div id="divTopTitle" class="ui-layout-north container mainHeader">  
    <div id="Div4" class="logo">
        <div class="tags_button" align="right">
            <span class="logo-f">云南非油订货与物流系统</span>
            <a href="#" class="user" id="CurrentUser">当前用户：admin </a>
            <a href="#" class="msg">在线 <span id="onLineCount">0</span> 人</a>
            <a href="#" class="exit">退出 </a>
            <a href="#" class="help">帮助</a>
        </div>
    </div>
</div>
<div id="divWorkCenter" class="ui-layout-center containerCenter">
    <div id="WorkTabs"></div>
</div>
<div id="divRight" class="ui-layout-east container">
    <div class="ui-layout-north containerRegion">
        <div id="Div1" class="block lite"> 统计信息 </div>
    </div>
	<div class="ui-layout-center containerRegion">
        <div id="Div2" class="block lite"> 功能导航 </div>       
    </div>	
	<div class="ui-layout-south containerRegion">
        <div id="Div3" class="block lite"> 常用功能 </div>
    </div>
</div>
<div id="divLeft" class="ui-layout-west container">
    <div class="ui-layout-north container naviTitle">功能导航</div>
	<div class="ui-layout-center container">         
        <div id="accordion">
            <h3><a href="#">商品管理</a></h3>
            <div>
                <ul id="menu1">                  
                    <li><a href="#" onclick="addPageTab('A101010','innerHome','innerHome.html');"><span class="ui-icon ui-icon-play"></span>商品信息</a></li>
                    <li><a href="#" onclick="addPageTab('A101011','查询编辑列表模板','model/commPage1.html');"><span class="ui-icon ui-icon-play"></span>赠品维护</a></li>
                    <li><a href="#" onclick="addPageTab('A101012','左右分屏列表模板','model/commPage2.html');"><span class="ui-icon ui-icon-play"></span>核心商品</a></li>
                    <li><a href="#" onclick="addPageTab('A101013','信息编辑窗口模板','model/commPage3.html');"><span class="ui-icon ui-icon-play"></span>禁订商品</a></li>
                    <li><a href="#" onclick="addPageTab('A101014','基础信息编辑模板','model/commPage4.html');"><span class="ui-icon ui-icon-play"></span>商品价格</a></li>
                    <li><a href="#" onclick="addPageTab('A101010','innerHome','innerHome.html');"><span class="ui-icon ui-icon-play"></span>商品信息</a></li>
                    <li><a href="#" onclick="addPageTab('A101011','查询编辑列表模板','model/commPage1.html');"><span class="ui-icon ui-icon-play"></span>赠品维护</a></li>
                    <li><a href="#" onclick="addPageTab('A101012','左右分屏列表模板','model/commPage2.html');"><span class="ui-icon ui-icon-play"></span>核心商品</a></li>
                    <li><a href="#" onclick="addPageTab('A101013','信息编辑窗口模板','model/commPage3.html');"><span class="ui-icon ui-icon-play"></span>禁订商品</a></li>
                    <li><a href="#" onclick="addPageTab('A101014','基础信息编辑模板','model/commPage4.html');"><span class="ui-icon ui-icon-play"></span>商品价格</a></li>

                </ul>
            </div>  
            <h3><a href="#">采购订单</a></h3>
            <div>
                <ul id="menu2" >                  
                    <li><a href="#" onclick="addPageTab('A101020','mail163','http://mail.163.com');"><span class="ui-icon ui-icon-play"></span>强制订单</a></li>
                    <li><a href="#" onclick="addPageTab('A101021','mail163','http://mail.163.com');"><span class="ui-icon ui-icon-play"></span>导入销售库存</a></li>
                    <li><a href="#" onclick="addPageTab('A101022','mail163','http://mail.163.com');"><span class="ui-icon ui-icon-play"></span>生成采购订单</a></li>
                </ul>
                 
            </div>
            <h3><a href="#">仓储物流</a></h3>
            <div>
                <ul id="menu3" >                  
                    <li><a><span class="ui-icon ui-icon-play"></span>强制订单</a>
                        <ul>
                            <li><a href="#" ><span class="ui-icon ui-icon-play"></span>强制订单</a></li>
                        </ul>
                    </li>
                </ul>                 
            </div>
        </div>
    </div>
	<div class="ui-layout-south lite text-shadow">
        <div></div>
    </div>	
</div>
</body>
</html>
